<template>
    <el-menu router mode="vertical">

        <el-menu-item>

            <el-popover placement="right-start" :width="177" trigger="hover">
                <template #reference><svg t="1703149291045" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="28244" width="40" height="40">
                        <path
                            d="M988 26C967.3 9.4 940.1 0.2 911.6 0.2L113.4 0C84.8 0 57.6 9.2 36.8 25.8 14.3 43.8 1.4 69.4 1.4 96v832c0 26.6 12.9 52.2 35.4 70.2 20.7 16.6 47.9 25.8 76.5 25.8h814.1c52.9 0 96-43.1 96-96V96.2c0-26.6-12.9-52.2-35.4-70.2z m-28.6 902c0 17.6-14.4 32-32 32H113.3c-25.5 0-47.9-15-47.9-32V96c0-9.7 7.1-16.9 11.4-20.3C86.2 68.3 99.4 64 113.3 64l798.2 0.2c25.5 0 47.9 15 47.9 32V928z"
                            p-id="28245" data-spm-anchor-id="a313x.search_index.0.i42.de003a81osGqq0" class=""
                            fill="#e6e6e6"></path>
                        <path
                            d="M752.2 479.6H545.5V272.2c0-17.7-14.3-32-32-32s-32 14.3-32 32v207.4h-208c-17.7 0-32 14.3-32 32s14.3 32 32 32h208v207.3c0 17.7 14.3 32 32 32s32-14.3 32-32V543.6h206.7c17.7 0 32-14.3 32-32s-14.3-32-32-32z"
                            p-id="28246" data-spm-anchor-id="a313x.search_index.0.i43.de003a81osGqq0" class="selected"
                            fill="#707070"></path>
                    </svg>
                </template>
                <span style="margin-right:60%; color: #666; font-size: small; font-weight: bold;">新建</span>
                <hr />
                <el-button text>
                    <RouterLink to="/censorfile/newfile" tag="span"
                        style="align-items: center; color: black;vertical-align: center;display: flex;">

                        <span style="display: flex; align-items: center; align-content: center;"><img
                                src="../assets/images/txt.png" />&nbsp;&nbsp;新建空白文稿</span>
                    </RouterLink>
                </el-button>

            </el-popover>
        </el-menu-item>

        <el-menu-item>
            <el-popover placement="right-start" :width="177" trigger="hover">
                <template #reference>
                    <svg t="1703307148576" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="9814" width="39" height="39">
                        <path
                            d="M924.76 526.7c-17.85 0-32.32 14.47-32.32 32.32v225.59c0 41.55-33.8 75.35-75.35 75.35h-610c-41.56 0-75.36-33.8-75.36-75.35V559.02c0-17.85-14.47-32.32-32.32-32.32s-32.32 14.47-32.32 32.32v225.59c0 77.19 62.8 140 140.01 140h610c77.19 0 140-62.8 140-140V559.02c-0.02-17.85-14.49-32.32-32.34-32.32z"
                            fill="#707070" p-id="9815"></path>
                        <path
                            d="M314.42 368.82l165.34-165.34v487.66c0 16.28 13.2 29.48 29.48 29.48h5.69c16.28 0 29.48-13.2 29.48-29.48V203.48l165.34 165.34c11.51 11.51 30.17 11.51 41.69 0 11.51-11.51 11.51-30.17 0-41.69l-209.6-209.58c-4.58-10.32-14.89-17.55-26.91-17.55h-5.69c-12.03 0-22.33 7.22-26.91 17.55L272.74 327.14c-11.51 11.51-11.51 30.17 0 41.69 11.51 11.51 30.17 11.51 41.68-0.01z"
                            fill="#707070" p-id="9816"></path>
                    </svg>
                </template>
                <span style="margin-right:60%; color: #666; font-size: small; font-weight: bold;">上传</span>
                <hr />
                <el-button text @click="dialogFormVisible = true">
                    <img src="../assets/images/txt.png" />
                    上传文本文稿
                </el-button>
                <el-dialog draggable="true" v-model="dialogFormVisible" title="上传文稿">
                    <UploadFile></UploadFile>
                </el-dialog>
                <!-- <h5>AI为您创建</h5> -->
            </el-popover>
        </el-menu-item>
        <el-menu-item>
            <el-popover placement="right-start" :width="200" trigger="hover">
                <template #reference>
                    <svg t="1703308892288" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="12728" width="40" height="40">
                        <path
                            d="M503.1 107.1c-218.8 0-396 177.3-396 396 0 218.8 177.3 396.1 396 396.1s396-177.3 396-396.1c0-218.7-177.4-396-396-396zM470 532.4V206.1h66v300.3l148.7 148.7-46.2 46.3L470 536.2v-3.3"
                            fill="#515151" p-id="12729"></path>
                    </svg>
                </template>
                <span style="margin-right:60%; color: #666; font-size: small; font-weight: bold;">最近</span>
                <hr />
                <!--  -->
                <ul style="list-style:none;margin:0px;padding:0px;">
                    <li v-for="(item, index) in recentlist">
                        <el-button text @click="$router.push('/censorfile/openfile')">
                            <img src="../assets/images/txt.png" v-if="item.filetype == 'txt文本文件'" />
                            <img src="../assets/images/unknown.png" v-else />
                            &nbsp;&nbsp;{{ item.filename }}
                        </el-button>
                    </li>
                </ul>
                <!-- <h5>AI为您创建</h5> -->
            </el-popover>
        </el-menu-item>

        <el-menu-item index="/censorfile/mycollection">
            <el-tooltip content="收藏" placement="right">
                <svg t="1703317347681" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                    p-id="4216" width="40" height="40">
                    <path
                        d="M335.008 916.629333c-35.914667 22.314667-82.88 10.773333-104.693333-25.557333a77.333333 77.333333 0 0 1-8.96-57.429333l46.485333-198.24a13.141333 13.141333 0 0 0-4.021333-12.864l-152.16-132.586667c-31.605333-27.52-35.253333-75.648-8.234667-107.733333a75.68 75.68 0 0 1 51.733333-26.752L354.848 339.2c4.352-0.362667 8.245333-3.232 10.026667-7.594667l76.938666-188.170666c16.032-39.2 60.618667-57.92 99.52-41.461334a76.309333 76.309333 0 0 1 40.832 41.461334l76.938667 188.16c1.781333 4.373333 5.674667 7.253333 10.026667 7.605333l199.712 16.277333c41.877333 3.413333 72.885333 40.458667 69.568 82.517334a76.938667 76.938667 0 0 1-26.08 51.978666l-152.16 132.586667c-3.541333 3.082667-5.141333 8.074667-4.021334 12.853333l46.485334 198.24c9.621333 41.013333-15.36 82.336-56.138667 92.224a75.285333 75.285333 0 0 1-57.525333-9.237333l-170.976-106.24a11.296 11.296 0 0 0-12.010667 0l-170.986667 106.24z"
                        fill="#707070" p-id="4217"></path>
                </svg>
            </el-tooltip>
        </el-menu-item>
        <div style="position: absolute; bottom: 0;">
            <el-menu-item index="/manager/recycle">
                <el-tooltip content="回收站" placement="right">
                    <svg t="1703486779334" class="icon" viewBox="0 0 1027 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="6559" width="38" height="38">
                        <path
                            d="M38.771627 310.656a36.608 36.608 0 1 1 0-73.130667h220.117333a255.957333 255.957333 0 0 1 510.634667 0h220.074666a36.608 36.608 0 1 1 0 73.130667h-76.288L850.37696 919.296c-6.272 59.605333-53.205333 104.661333-109.056 104.661333H287.006293c-55.850667 0-102.784-45.098667-108.928-104.661333L114.931627 310.656H38.771627z m212.053333 599.978667a37.546667 37.546667 0 0 0 36.224 34.901333h454.229333a37.546667 37.546667 0 0 0 36.352-34.901333l62.122667-599.936H188.531627l62.293333 599.936zM696.13696 237.482667a182.826667 182.826667 0 0 0-363.904 0h363.904z m-64.938667 566.997333l-43.904-73.130667h53.504l-63.36-109.781333 41.472-74.581333 116.992 202.624a36.608 36.608 0 0 1-31.744 54.869333h-72.96z m-73.088 0H324.126293a36.48 36.48 0 0 1-31.658666-54.869333l36.48-63.189334 85.290666-1.450666-26.752 46.378666h126.72l43.904 73.130667z m24.277334-320.810667l-41.472 74.624L514.163627 511.914667l-63.36 109.696-85.248 1.493333 116.906666-202.666667a36.522667 36.522667 0 0 1 63.317334 0l36.608 63.232z"
                            p-id="6560" fill="#707070" data-spm-anchor-id="a313x.search_index.0.i12.436f3a81rggK8O"
                            class=""></path>
                    </svg>
                </el-tooltip>
            </el-menu-item>
            <el-menu-item index="/setting">
                <el-tooltip content="设置" placement="right">
                    <svg t="1703487182840" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="12964" width="40" height="40">
                        <path
                            d="M392.919517 1024 338.038057 1024c-12.184503 0-22.833145-4.607585-31.945925-13.720365C296.979352 1001.166855 292.371767 990.518213 292.371767 978.33371L292.371767 934.920017C261.961703 927.343099 237.592697 916.694457 219.264746 902.974092L194.179004 930.312432C185.066224 939.527603 174.008019 944.032797 161.10678 944.032797c-12.901239 0-23.242708-4.607585-30.819626-13.720365L93.631253 893.861312c-21.297283-21.297283-21.297283-42.594566 0-63.994241l27.44073-25.085742C105.815757 780.412323 95.167115 756.043316 89.126059 731.674309L45.712366 731.674309c-12.184503 0-22.833145-4.607585-31.945925-13.720365C4.653661 708.841164 0.046076 698.192523 0.046076 686.008019L0.046076 631.126559C0.046076 618.942055 4.653661 608.293414 13.766441 599.180634c9.11278-9.11278 19.761421-13.720365 31.945925-13.720365L89.126059 585.460269C96.702977 555.050205 107.351618 530.681199 121.071984 512.455639L93.631253 487.267506C84.518473 478.154726 80.013279 467.506084 80.013279 455.321581c0-12.184503 4.607585-22.833145 13.720365-31.945925l36.55351-36.55351c7.576918-9.11278 17.918387-13.720365 30.819626-13.720365 12.901239 0 23.959444 4.607585 33.072223 13.720365l25.085742 27.44073C237.592697 400.44012 261.961703 389.89387 292.371767 382.214561L292.371767 338.800868c0-12.184503 4.607585-22.833145 13.720365-31.945925 9.11278-9.11278 19.761421-13.720365 31.945925-13.720365l54.77907 0c12.184503 0 22.833145 4.607585 31.945925 13.720365 9.11278 9.11278 13.720365 19.761421 13.720365 31.945925l0 43.413693C468.99587 389.89387 493.364877 400.44012 511.590437 414.160486l25.085742-27.44073c9.11278-9.11278 20.170985-13.720365 33.072223-13.720365 12.901239 0 23.242708 4.607585 30.819626 13.720365l36.55351 36.55351c21.297283 21.399674 21.297283 42.594566 0 63.994241L609.88559 512.455639C625.039426 536.722255 635.688068 561.193653 641.831515 585.460269l43.413693 0c12.184503 0 22.833145 4.607585 31.945925 13.720365C726.303913 608.293414 730.911498 618.942055 730.911498 631.126559l0 54.77907c0 12.184503-4.607585 22.833145-13.720365 31.945925C708.078353 727.066724 697.429711 731.674309 685.245208 731.674309L641.831515 731.674309C634.254597 762.186763 623.503565 786.453379 609.88559 804.78133l27.44073 25.085742c9.11278 9.11278 13.720365 19.761421 13.720365 31.945925 0 12.184503-4.607585 22.833145-13.720365 31.945925L600.67042 930.312432C593.093502 939.527603 582.854423 944.032797 569.850793 944.032797c-12.901239 0-23.959444-4.607585-33.072223-13.720365L511.590437 902.974092C487.323821 918.127928 462.954814 928.878961 438.585807 934.920017l0 43.413693c0 12.184503-4.607585 22.833145-13.720365 31.945925C415.752662 1019.392415 405.00163 1024 392.919517 1024zM217.012149 861.812997c1.535862 0 5.324321 1.535862 11.365377 4.607585 25.904869 18.22556 54.77907 30.512454 86.827386 36.55351 9.11278 0 13.720365 6.041056 13.720365 18.22556l0 57.134058c0 6.041056 3.071724 9.11278 9.11278 9.11278l54.77907 0c6.041056 0 9.11278-3.071724 9.11278-9.11278L401.929906 921.199652c0-12.184503 4.607585-18.22556 13.720365-18.22556 31.945925-6.041056 60.922517-18.22556 86.827386-36.55351 9.11278-6.041056 17.508824-5.324321 25.085742 2.252597L564.2193 905.22669l4.607585 2.252597c3.071724 0 5.324321-0.819126 6.860183-2.252597l36.55351-36.55351C613.674049 867.239708 614.390785 864.88472 614.390785 861.812997c0-1.433471-0.716735-3.071724-2.252597-4.607585L575.584677 818.399304C569.44123 813.89411 568.724495 806.317191 573.33208 795.566159c18.22556-25.904869 30.410063-54.77907 36.55351-86.827386 0-9.11278 6.041056-13.720365 18.22556-13.720365l57.134058 0c6.041056 0 9.11278-3.071724 9.11278-9.11278L694.357988 631.126559c0-6.041056-3.071724-9.11278-9.11278-9.11278L628.11115 622.013779c-12.184503 0-18.22556-4.607585-18.22556-13.720365C602.206281 573.275765 590.021778 544.401564 573.33208 521.568419 568.724495 510.919777 569.44123 502.523733 575.584677 496.380286L612.138188 459.826776c3.071724-3.071724 3.071724-6.860183 0-11.467768L575.584677 411.907888c-3.071724-3.071724-6.860183-3.071724-11.365377 0L527.66579 448.461398C521.522343 454.502455 513.126299 455.321581 502.477657 450.713996 476.572788 432.488436 447.698587 420.303933 415.752662 414.160486 406.537492 411.191153 402.032297 405.047706 402.032297 395.934926L402.032297 338.800868c0-6.041056-3.071724-9.11278-9.11278-9.11278L338.038057 329.688088c-6.041056 0-9.11278 3.071724-9.11278 9.11278l0 57.134058c0 9.11278-4.607585 15.256227-13.720365 18.22556C283.258987 420.303933 254.282395 432.488436 228.479917 450.713996 217.728884 455.321581 209.435231 454.502455 203.291784 448.461398L166.738274 411.907888 162.233079 409.655291c-3.071724 0-5.324321 0.819126-6.860183 2.252597L118.819386 448.461398C117.283524 449.99726 116.566789 452.249858 116.566789 455.321581c0 1.535862 0.716735 3.071724 2.252597 4.607585l36.55351 36.55351c6.041056 6.041056 6.860183 14.539491 2.252597 25.085742C139.399934 547.473287 127.215431 576.347489 121.071984 608.293414c0 9.11278-6.041056 13.720365-18.22556 13.720365L45.712366 622.013779c-6.041056 0-9.11278 3.071724-9.11278 9.11278l0 54.77907c0 6.041056 3.071724 9.11278 9.11278 9.11278l57.134058 0c12.184503 0 18.22556 4.607585 18.22556 13.720365 7.576918 35.120039 19.761421 63.994241 36.55351 86.827386 4.607585 10.648642 3.788459 19.044686-2.252597 25.085742L118.819386 857.307802c-3.071724 3.071724-3.071724 6.860183 0 11.467768L155.372896 905.22669c1.535862 1.535862 3.788459 2.252597 6.860183 2.252597 1.535862 0 3.071724-0.819126 4.607585-2.252597l38.806107-36.55351C208.616105 864.167985 212.404564 861.812997 217.012149 861.812997zM468.279135 761.367637C439.302543 790.241838 405.00163 804.78133 365.478787 804.78133c-39.625234 0-73.823756-14.437101-102.800348-43.413693C233.804238 732.493436 219.264746 698.192523 219.264746 658.567289c0-39.625234 14.437101-73.823756 43.413693-102.800348 28.976592-28.874201 63.175114-43.413693 102.800348-43.413693 39.625234 0 73.823756 14.539491 102.800348 43.413693C497.153336 584.743533 511.590437 618.942055 511.590437 658.567289 511.590437 698.192523 497.153336 732.493436 468.279135 761.367637zM443.091002 580.955074C421.793719 559.5554 395.88885 548.906758 365.478787 548.906758c-30.410063 0-56.314932 10.648642-77.612215 31.945925C266.466898 602.252357 255.818256 628.157226 255.818256 658.567289c0 30.512454 10.648642 56.314932 31.945925 77.612215 21.297283 21.399674 47.202152 31.945925 77.612215 31.945925 30.410063 0 56.314932-10.648642 77.612215-31.945925C464.388285 714.882221 475.139317 689.079743 475.139317 658.567289 475.139317 628.157226 464.388285 602.252357 443.091002 580.955074zM721.798718 475.902129c-6.041056 0-10.648642-0.716735-13.720365-2.252597L676.030037 459.826776c-22.833145-9.11278-29.693328-25.085742-20.580548-47.918887l9.11278-22.833145C649.408433 376.89024 638.759792 367.060725 632.718735 359.381416L614.390785 366.241598C593.093502 373.920907 577.837275 367.77746 568.724495 348.016039L555.00413 315.967723C547.427212 294.67044 553.468268 278.697477 573.33208 268.048836L593.810237 261.188653c-1.535862-15.153836-1.535862-30.410063 0-45.66629L570.977092 206.409583C561.864312 204.873721 555.00413 198.730274 550.498935 188.081633c-1.535862-9.11278-1.535862-18.22556 0-27.44073L564.2193 126.44238c9.11278-21.297283 25.085742-27.44073 47.918887-18.22556l20.580548 9.11278 31.945925-31.945925L657.804478 67.055725c-9.11278-22.833145-3.071724-37.986981 18.22556-45.66629l31.945925-13.720365C729.375636 0.092152 745.348599 6.235599 755.99724 25.894629L762.857423 46.475177c10.648642-1.433471 25.904869-2.252597 45.66629-2.252597L817.636493 23.642032C825.315802 2.344749 840.469638-4.515434 863.405174 3.061484l31.945925 13.720365c22.833145 9.11278 29.693328 25.085742 20.580548 47.918887L906.716476 85.281285c12.184503 9.11278 22.833145 19.761421 31.945925 31.945925l18.22556-6.860183c21.297283-7.576918 36.55351-1.433471 45.66629 18.22556l13.720365 31.945925C1023.953924 182.040576 1017.912868 198.013539 998.151446 208.66218L977.570899 215.522363c3.071724 13.720365 3.071724 28.976592 0 45.66629L1000.404044 270.301433c9.11278 1.535862 15.972962 7.679309 20.580548 18.22556 1.535862 9.11278 1.535862 18.22556 0 27.44073L1007.264226 348.016039c-9.11278 22.833145-25.085742 29.693328-47.918887 20.580548L936.409803 359.381416C924.2253 374.637643 914.395784 385.286284 906.716476 391.327341L913.576658 409.655291c4.607585 9.11278 4.607585 18.22556 0 27.44073C909.071464 446.208801 902.928016 452.249858 895.351098 455.321581L863.405174 469.041946C842.0055 476.721255 826.032537 470.577808 815.383895 450.713996L808.523713 430.133448c-15.256227 1.535862-30.410063 1.535862-45.66629 0L753.744643 453.068984C749.137058 468.22282 738.488416 475.902129 721.798718 475.902129zM639.578918 318.322711c6.041056 0 11.467768 2.252597 15.972962 6.860183C666.200522 341.974982 679.920887 356.309692 696.610585 368.494196 705.723365 373.101781 708.078353 380.78109 703.470768 391.327341L689.750402 425.628253 721.798718 439.348619l13.720365-36.55351c3.071724-9.11278 9.931906-12.184503 20.580548-9.11278 21.297283 3.071724 41.161096 3.071724 59.386655 0 10.648642-3.071724 17.508824 0 20.580548 9.11278l13.720365 31.945925L881.630733 421.020668l-15.972962-29.693328c-3.071724-10.648642-0.716735-18.22556 6.860183-22.833145 16.792089-10.648642 31.229189-24.266616 43.413693-41.161096C920.436841 318.322711 928.013759 315.967723 938.764791 320.575308l36.55351 13.720365 11.467768-31.945925L952.382766 288.629383C941.734124 285.55766 937.945665 278.697477 941.017388 268.048836c3.071724-21.297283 3.071724-41.161096 0-59.386655-3.071724-10.648642 0-17.508824 9.11278-20.580548l31.945925-13.720365L968.458119 142.415343l-29.693328 13.720365C929.549621 162.176764 921.972702 160.640902 915.931646 151.528122 905.283005 134.838425 891.562639 120.401324 874.770551 108.11443 865.657771 103.609235 863.405174 95.929926 867.910368 85.281285L881.630733 48.727775 849.684808 37.362397 835.964443 71.56092C832.89272 82.311952 826.032537 86.100411 815.383895 83.028687c-13.720365-3.071724-33.481787-3.071724-59.386655 0C745.348599 86.100411 738.488416 82.311952 735.416692 71.56092L721.798718 39.614995 689.750402 53.33536l15.972962 31.945925C708.795088 92.960594 706.542491 100.537512 698.965573 108.11443 682.173484 118.763071 667.736384 132.483436 655.55188 149.275525 649.408433 158.388305 641.831515 160.640902 632.718735 156.135708L596.165225 142.415343 584.697457 174.361267l34.300913 13.720365c10.648642 3.071724 14.437101 9.931906 11.365377 20.580548-3.071724 21.399674-3.071724 41.161096 0 59.386655 3.071724 10.648642 0 17.508824-9.11278 20.580548L589.305043 302.247358l13.720365 29.693328 29.693328-13.720365L639.578918 318.22032zM849.684808 302.247358C831.356858 320.575308 810.059575 329.688088 785.690568 329.688088S740.024278 320.575308 721.798718 302.247358C703.470768 284.021798 694.357988 262.724515 694.357988 238.355508c0-24.266616 9.11278-45.66629 27.44073-63.994241 18.22556-18.22556 39.625234-27.44073 63.994241-27.44073s45.66629 9.11278 63.994241 27.44073c18.22556 18.22556 27.44073 39.625234 27.44073 63.994241C877.023148 262.724515 867.910368 284.021798 849.684808 302.247358zM824.496675 199.549401C813.848034 188.900759 800.946795 183.576438 785.690568 183.576438c-15.256227 0-28.157466 5.324321-38.806107 15.972962C736.235819 210.198042 730.911498 223.201672 730.911498 238.355508c0 15.256227 5.324321 28.259857 15.972962 38.806107 10.648642 10.648642 23.549881 15.972962 38.806107 15.972962 15.256227 0 28.157466-5.324321 38.806107-15.972962 10.648642-10.648642 15.972962-23.652271 15.972962-38.806107C840.469638 223.201672 835.145317 210.198042 824.496675 199.549401z"
                            p-id="12965" fill="#707070"></path>
                    </svg>
                </el-tooltip>
            </el-menu-item>
            <el-menu-item style="margin-bottom: 15px;" @click="openInfo">
                <el-tooltip content="关于" placement="right">
                    <svg t="1703486430820" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="5235" width="39" height="39">
                        <path
                            d="M514.734921 246.750649C505.162698 257.386453 500.249969 270.276034 500.249969 285.16616 500.249969 297.397334 504.175087 308.083785 511.92403 316.364518 519.824913 324.771867 530.03022 329.102159 541.678957 329.102159 551.073917 329.102159 565.077726 326.189975 577.91666 311.780993 587.944704 300.891955 592.984049 287.774464 592.984049 273.162895 592.984049 261.210278 588.881668 250.726414 581.107402 242.622944 564.064792 224.896605 533.043698 226.795855 514.734921 246.750649ZM967.769518 511.708782C967.769518 765.87917 763.334174 972.618938 511.949353 972.618938 260.615179 972.618938 56.179835 765.87917 56.179835 511.708782 56.179835 257.411776 260.615179 50.722655 511.949353 50.722655 763.334174 50.722655 967.769518 257.411776 967.769518 511.708782ZM978.734525 312.084873C953.259243 251.080941 916.540396 196.230581 870.122709 149.382397 823.629053 102.331627 769.4371 65.38487 709.294161 39.529738 584.272819-13.851868 439.853797-13.851868 314.781809 39.529738 254.613547 65.38487 200.497564 102.35695 153.927937 149.382397 107.43428 196.331874 70.740757 251.258204 45.366768 312.084873 19.005169 375.418552 5.53315 442.37347 5.53315 511.607488 5.53315 580.79086 18.929199 647.771101 45.265475 711.02881 70.690111 771.906126 107.383634 826.705839 153.877291 873.857902 200.294977 920.832703 254.436284 957.855429 314.731162 983.634592 377.330465 1010.426688 443.626975 1023.84806 511.92403 1023.84806 580.322378 1023.84806 646.593565 1010.426688 709.218191 983.583945 769.487746 957.804783 823.629053 920.832703 870.072063 873.857902 916.540396 826.781809 953.183273 771.906126 978.633232 711.003487 1005.070801 647.771101 1018.416203 580.79086 1018.416203 511.607488 1018.46685 442.37347 1005.121448 375.418552 978.734525 312.084873ZM553.226402 633.311472C538.462893 647.568514 528.080322 656.457007 521.16705 662.104113 524.560378 643.618073 533.372901 607.000519 554.568539 534.904963 575.71353 463.493137 577.511487 451.00873 577.511487 444.880481 577.511487 434.19403 573.105225 424.7231 565.432253 418.164354 548.161733 403.780696 517.723075 406.61691 480.978905 427.635285 460.492321 439.258699 438.714247 458.200559 414.403838 485.144595L401.742167 499.401637 443.804239 532.144719 454.541336 521.407622C466.266043 509.936148 474.19225 502.440438 479.510152 497.45174 447.400153 604.164305 431.775651 670.511462 431.775651 700.19042 431.775651 713.662438 435.624799 724.855355 443.449712 733.313352 451.325271 742.024581 462.391572 746.582783 475.053243 746.582783 487.461681 746.582783 501.668076 741.746025 518.938596 731.844598 534.512451 722.905458 557.860573 703.406484 590.527685 672.334743L603.82244 659.521132 565.584193 621.890645 553.226402 633.311472Z"
                            p-id="5236" fill="#707070"></path>
                    </svg>
                </el-tooltip>
            </el-menu-item>
        </div>
    </el-menu>

    <!-- </el-col> -->
    <!-- <el-tabs tab-position="left" type="border-card" style="height: 100%;width: auto">
        <el-tab-pane label="用户管理">
            test
        </el-tab-pane>
        <el-tab-pane label="配置管理">配置管理</el-tab-pane>
        <el-tab-pane label="角色管理">角色管理</el-tab-pane>
        <el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane>
    </el-tabs> -->
</template>
  
<script lang="ts" setup>
import { ref } from 'vue'
import {
    Check,
    Delete,
    Document,
    Menu as IconMenu,
    Location,
    Setting,
} from '@element-plus/icons-vue'
import UploadFile from '../views/dialogs/UploadFile.vue';
import { ElMessage, ElMessageBox } from 'element-plus'
import type { Action } from 'element-plus'
const dialogFormVisible = ref();

interface FileInfo {
    id: number,
    filename: string,
    filetype: string
}

const recentlist: FileInfo[] = [
    {
        id: 1,
        filename: 'TS_典型稿件.txt',
        filetype: 'txt文本文件'
    },
    {
        id: 2,
        filename: 'ts_案例稿件001.txt',
        filetype: 'txt文本文件'
    },
    {
        id: 3,
        filename: 'ts_案例稿件02.txt',
        filetype: 'txt文本文件'
    },
    {
        id: 4,
        filename: 'ts_案例稿件.log',
        filetype: '日志文件'
    }
]
const openInfo = () => {
    let aboutInfo = "\
    <p style='text-indent: 2em;'>\
        本系统所应用的技术主要基于JAVAEE, 技术成熟稳定又能保持先进性, \
        采用浏览器/服务器 (browser/server, B/S) 架构, 统一使用浏览器作为客户端软件, 使系统能集中部署分布使用, 有利于系统升级维护;\
    </p>\
    <p style='text-indent: 2em;'>\
        考虑到实际运行需求，百稿审系统采用了MVC模式开发，M是指模型，V是视图，C则是控制器，\
        通过此模式，将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。\
    </p>\
    <p style='text-indent: 2em;'>\
        此外，项目部署还参考了面向服务架构（Service-Oriented Architecture， SOA）进行功能设计，\
        使得能快速拓展业务功能而不会影响原有系统功能的正常使用。\
    </p> ";
    ElMessageBox.alert(aboutInfo, '关于项目', {
        // if you want to disable its autofocus
        // autofocus: false,
        confirmButtonText: '确定',
        dangerouslyUseHTMLString: true,
        // 关闭后回调
        // callback: (action: Action) => {
        //   ElMessage({
        //     type: 'info',
        //     message: `action: ${action}`,
        //   })
        // },
    })
}
</script>
  
<style scoped>
.el-menu-item {
    justify-content: center;
    font-weight: bolder;
    font-size: large;
    width: fit-content;
    padding: none;
    min-height: 70px;
    margin-top: 6px;
}

ul li {
    margin: 5px 5px 0;
    max-width: 188px;
    overflow: hidden;
}

/* .el-tooltip {
    opacity: 0.6;
} */

.el-menu--vertical {
    width: auto;
    min-height: 300px;
    height: auto;
    background: #F5F5F5;
    border: none;
    --el-menu-hover-bg-color: none;
}
</style>
  